<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定义列表</title>
</head>
<body>
    <h2>定义列表</h2>
    <!--
        定义列表常用语给出一类事物或者对名次的解释
        语法：
            <dl></dl>表示定义列表
            <dt></dt>:表示定义列表中要说明的词
            <dd></dd> :表示定义列表中对名次解释的词
    -->
    <dl>
        <dt>刘亦菲</dt>
        <dd>
            中国内地著名女性，因为长得漂亮，演技好，哪哪都好，称为国民女神
        </dd>
    </dl>
    <hr>

    <dl>
        <dt>
            <img width="210px" src="https://img30.360buyimg.com/jdcms/s480x480_jfs/t1/252333/32/18716/135083/67a6fc15F555e458e/c0099aae4567ec61.jpg.avif" alt="">
        </dt>
        <dd style="margin-left:-1px">
           <div>
                <span style="background: red;color: white;font-size: 12px" >
                自营
                </span>
            大益茶叶  普洱茶生茶   沱 <br> 茶  2022年甲级沱茶500g/条...
           </div>
            <div>
                <span style="color:green;border:1px solid green;font-size: 12px">京东超市</span>
                <span style="color:red;border:1px solid red;font-size: 12px">买贵双倍赔</span>
            </div>
            <div>
                <span style="color:red"><b>￥299.0</b></span>
                <span style="color:darkgray">销量8000+</span>
            </div>

        </dd>
    </dl>

</body>
</html>